<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>全部订单</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/base.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Wx/css/index.css" />
</head>
<body>
<div class="order">
    <div class="tabber tabber02"><span class="<?=$type==1?'on':''?>" onclick="header(1)">全部</span><span  class="<?=$type==2?'on':''?>" onclick="header(2)">申请状态</span><span  class="<?=$type==3?'on':''?>" onclick="header(3)">已发货</span><span  class="<?=$type==4?'on':''?>" onclick="header(4)">待核销</span><span   class="<?=$type==5?'on':''?>" onclick="header(5)">待评价</span></div>
    <div class="orderlist">
        <!--申请状态-->
        <div class="block" >
            <ul>
                <volist name="foretaste" id="vo">
                    <li>
                        <div class="tit">订单状态<span>{$vo.state}</span></div>
                        <div class="pro" onClick="window.location='__MODULE__/ForetasteOrder/order/oid/{$vo.id}'">
                            <div class="pic"><img src="<?= isMorePic($vo['h_imgs'])?>"/></div>
                            <div class="name">
                                <h2><b class="sc"><?=getunit($vo['category'])?></b>{$vo.title} {$vo.u_num}<?=getunit($vo['unit'])?></h2>
                                <if condition="$vo['state_content']">
                                    <p style="font-size: 12px;">
                                        {$vo.state_content}
                                    </p>
                                </if>
                                <h3><span><b>{$vo.price}</b>积分</span></h3>
                            </div>
                        </div>
                    </li>
                </volist>
            </ul>
        </div>

    </div>
</div>
<!--引用悬浮公共导航文件-->
<include file="Public:nav" />
<script type="text/javascript" src="__PUBLIC__/Wx/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">
    $('.tabber span').click(function(){
        $(this).addClass("on").siblings().removeClass()
        // $(".orderlist>.block").hide().eq($('.tabber span').index(this)).show();
    });//end fun

    $(".click span").click(function(){
        if($(this).text() ==="导航"){
            $(this).text("收起");
            $('.link02').css('display','block')
        }else{
            $(this).text("导航");
            $('.link02').css('display','none')
        }//end if
    });//end fun

    function header(type) {
        $.post('__MODULE__/ForetasteOrder/index',{'type':type},function (date) {
            var div = $(date).find("div.orderlist");//获取接收的html页面中的选择部分
            $("div.orderlist").html(div);//替换掉对应html内容
        })
    }//end fun
</script>
</body>
</html>